<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <link rel="shortcut icon" href="images/icon/favicon.png">
    <link rel="stylesheet" href="css/base.css">
    <link rel="stylesheet" href="css/teacher.css">
    <link rel="stylesheet" href="css/button.css">
    <script src="js/jquery.min.js"></script>
    <script src="js/teacher.js"></script>
    <script src="js/exit.js"></script>
    <title>学生成绩管理系统</title>
</head>
<body>
    <!--界面的头栏开始  -->
    <div class="header">
        <div class="w header-nav">
            <span class="header-nav-left">Scut本科生成绩管理系统</span>
            <div class="header-nav-right">
                <a><img src="/images/icon/userico.png"></a><span>,你好！</span>
                <a class="safeout">安全退出</a></div>
        </div>
    </div>
    <!-- 界面头栏结束 -->
    <!-- 界面主体开始 -->
    <div class="main w">
        <!-- 界面sidebar开始 -->
        <div class="sidebar">
            <div class="sidebar-head">
                <p>成绩管理系统</p>
            </div>
            <div class="sidebar-userinfo">
                <div><img src='/images/icon/userico.png'></div>
            </div>
            <ul class="first-menu">
                <li index="0"><p>公告展示</p></li>
                <li index="1">
                    <p>学期班级课程管理</p>
                    <ul class="second-menu">
                        <ol>查看教学班级与课程</ol>
                    </ul>
                </li>
                <li index="2"><p>学期学生管理</p>
                    <ul class="second-menu">
                        <ol>查看教学学生</ol>
                    </ul>
                </li>
                <li index="3"><p>学生成绩查看</p></li>
                <li index="4"><p>学生成绩录入</p></li>
                <li index="5"><p>个人信息修改</p></li>
            </ul>
        </div>
        <!-- 窗口主体右半部分开始 -->
        <div class="menu-right">
            <!-- 窗口主体右半部分标签菜单开始 -->
            <div class="nav-item">
                <ul>
                    <li index="0" class="navitemcut hover">欢迎使用<span>x</span></li>
                </ul>
            </div>
            <!-- 窗口主体右半部分标签菜单结束 -->
            <!-- 窗口主体右半部分信息内容开始 -->
            <div class="allinfo">
                <!-- 欢迎使用界面开始 -->
                <div class="infodeclare" index="0">
                    <h1 class="title">欢迎来到华南理工大学本科生成绩管理系统</h1>
                    <div class="infomain">
                        <div class="infoleft">
                            <h1>项目介绍</h1>
                            <ul>
                                <li>1.项目开发人员:李增荣，凌蕴瑜，李檬</li>
                                <li>2.项目开发花费时间:14天</li>
                                <li>3.项目运行环境:windows</li>
                                <li>4.项目内容均为原创，如有雷同，均为抄袭</li>
                                <li>5.项目采用技术:
                                    <P>html+css+javascript+jquery+ajax+php+mysql</P></li>
                            </ul>
                        </div>
                        <div class="inforight">
                            <h1>公告栏</h1>
                            <h2>最新通知:</h2>
                            <p>
                                请各位老师抓紧录入学生成绩！
                            </p>
                        </div>
                    </div>
                </div>
                
                <!-- 欢迎使用界面结束 -->
                <div class="tchgrt" index="1">
                    <h1>教学班级与课程列表</h1>
                    <div class="tchconduct">
                        <span>学年：</span>
                        <div class="year_select">
                            <div class="year_defaultselect">请选择学年</div>
                            <ul class="yearselect">
                            </ul>
                        </div>
                        <span>学期：</span>
                        <div class="term_select">
                            <div class="term_defaultselect">请选择学期</div>
                            <ul class="termselect">
                                <li>1</li>
                                <li>2</li>
                            </ul>
                        </div>
                        <div class="menu1_button">
                            <button>查询</button>
                            <div class="border"></div>
                            <div class="border"></div>
                            <div class="border"></div>
                            <div class="border"></div>
                        </div>
                    </div>
                    <div class="tchinfolist">
                        <p class="all-activity">丨 查询结果</p>
                        <table class="infolist">
                            <thead><tr>
                                <th>序号</th>
                                <th>学年</th>
                                <th>学期</th>
                                <th>课程名称</th>
                                <th>教学学院</th>
                                <th>教学专业</th>
                                <th>教学班级</th>
                            </tr></thead>
                            <tbody>
                            </tbody>
                        </table>
                        <div class="tchtable-footer">
                            <p></p>
                            <ul>
                            </ul>
                        </div>
                    </div>
                </div>
                <div class="seetchstu" index="2">
                    <h1>查看学生列表</h1>
                    <div class="tchstuconduct">
                        <span>课程：</span>
                        <div class="course_select">
                            <div class="course_defaultselect">请选择课程</div>
                            <ul class="courseselect">
                            </ul>
                        </div>
                        <span>学院：</span>
                        <div class="accademic_select">
                            <div class="accademic_defaultselect">请选择学院</div>
                            <ul class="accselect">
                            </ul>
                        </div>
                        <span>专业：</span>
                        <div class="major_select">
                            <div class="major_defaultselect">请选择专业</div>
                            <ul class="majorselect">
                            </ul>
                        </div>
                        <span>班级：</span>
                        <div class="class_select">
                            <div class="class_defaultselect">全部</div>
                            <ul class="classselect">
                                <li>全部</li>
                            </ul>
                        </div>
                        <div class="menu2_button">
                            <button>查询</button>
                            <div class="border"></div>
                            <div class="border"></div>
                            <div class="border"></div>
                            <div class="border"></div>
                        </div>
                        <!-- <div class="add_button">
                            <button>添加学生</button>
                            <div class="border"></div>
                            <div class="border"></div>
                            <div class="border"></div>
                            <div class="border"></div>
                        </div> -->
                    </div>
                    <div class="stuinfolist">
                        <p class="all-activity">丨 查询结果</p>
                        <table class="stu_infolist">
                            <thead>
                                <tr>
                                    <th>序号</th>
                                    <th>学号</th>
                                    <th>姓名</th>
                                    <th>学院</th>
                                    <th>专业</th>
                                    <th>班级</th>
                                </tr>
                            </thead>
                            <tbody>
                            </tbody>
                        </table>
                        <div class="stutable-footer">
                            <p></p>
                            <ul>
                            </ul>
                        </div>
                        
                    </div>
                </div>
                <div class="seestuexamres" index="3">
                    <h1>查看学生成绩</h1>
                    <div class="stuexamconduct">
                        <span>课程：</span>
                        <div class="course_select">
                            <div class="course_defaultselect">请选择课程</div>
                            <ul class="courseselect">
                            </ul>
                        </div>
                        <span>学院：</span>
                        <div class="accademic_select">
                            <div class="accademic_defaultselect">请选择学院</div>
                            <ul class="accselect">
                            </ul>
                        </div>
                        <span>专业：</span>
                        <div class="major_select">
                            <div class="major_defaultselect">请选择专业</div>
                            <ul class="majorselect">
                            </ul>
                        </div>
                        <span>班级：</span>
                        <div class="class_select">
                            <div class="class_defaultselect">全部</div>
                            <ul class="classselect">
                            </ul>
                        </div>
                        <div class="menu3_button">
                            <button>查询</button>
                            <div class="border"></div>
                            <div class="border"></div>
                            <div class="border"></div>
                            <div class="border"></div>
                        </div>
                    </div>
                    <div class="factorconduct">
                        <div class="numberfind">
                            <p>按学号查询：</p>
                            <input type="text" placeholder="请输入学号">
                            <span></span>
                        </div>
                        <div class="namefind">
                            <P>按姓名查询：</P>
                            <input type="text" placeholder="请输入姓名">
                            <span></span>
                        </div>
                        <p class="findtips">tips:请先完成上一行的查询后再进行此项查询!</p>
                    </div>
                    <div class="examinfolist">
                        <p class="all-activity">丨 查询结果</p>
                        <table class="exam_infolist">
                            <thead>
                                <tr>
                                    <th>序号</th>
                                    <th>学号</th>
                                    <th>姓名</th>
                                    <th>学院</th>
                                    <th>专业</th>
                                    <th>班级</th>
                                    <th>课程</th>
                                    <th><span></span>成绩</th>
                                </tr>
                            </thead>
                            <tbody>
                            </tbody>
                        </table>
                        <div class="examtable-footer">
                            <p></p>
                            <ul>
                            </ul>
                        </div>
                    </div>
                </div>
                <div class="stuexaminput" index="4">
                    <h1>学生成绩录入</h1>
                    <div class="examinputcheck">
                        <span>课程：</span>
                        <div class="course_select">
                            <div class="course_defaultselect">请选择课程</div>
                            <ul class="courseselect">
                            </ul>
                        </div>
                        <span>学院：</span>
                        <div class="accademic_select">
                            <div class="accademic_defaultselect">请选择学院</div>
                            <ul class="accselect">
                            </ul>
                        </div>
                        <span>专业：</span>
                        <div class="major_select">
                            <div class="major_defaultselect">请选择专业</div>
                            <ul class="majorselect">
                            </ul>
                        </div>
                        <span>班级：</span>
                        <div class="class_select">
                            <div class="class_defaultselect">请选择班级</div>
                            <ul class="classselect">
                            </ul>
                        </div>
                        <div class="menu4_button">
                            <button>查询</button>
                            <div class="border"></div>
                            <div class="border"></div>
                            <div class="border"></div>
                            <div class="border"></div>
                        </div>
                    </div>
                    <div class="factorconduct">
                        <div class="numberfind">
                            <p>按学号查询：</p>
                            <input type="text" placeholder="请输入学号">
                            <span></span>
                        </div>
                        <div class="namefind">
                            <P>按姓名查询：</P>
                            <input type="text" placeholder="请输入姓名">
                            <span></span>
                        </div>
                        <p class="findtips">tips:仅支持单个老师查找的数据查找!</p>
                    </div>
                    <div class="examinputlist">
                        <p class="all-activity">丨 成绩录入</p>
                        <table class="examinputtable">
                            <thead>
                                <tr>
                                    <th>序号</th>
                                    <th>学号</th>
                                    <th>姓名</th>
                                    <th>课程</th>
                                    <th>学院</th>
                                    <th>专业</th>
                                    <th>班级</th>
                                    <th>成绩</th>
                                    <th>成绩录入</th>
                                </tr>
                            </thead>
                            <tbody>
                            </tbody>
                        </table>
                        <div class="examinputtable-footer">
                            <p></p>
                            <ul>
                            </ul>
                        </div>
                    </div>
                </div>
                <div class="personinfo" index="5">
                    <h1>个人信息修改</h1>
                    <div class="infoform">
                        <p class="all-activity">丨 个人信息</p>
                        <div class="infochange">
                            <ul>
                                <li><span>学工号：</span><input type="text" readonly="readonly" value=""></li>
                                <li><span>姓名：</span><input type="text" class="namechange" placeholder="请输入修改后姓名"><p class="icomoon1"></p><p>请输入姓名</p></li>
                                <li><span>密码：</span><input type="password" class="pwdchange" placeholder="请输入新密码"><p class="icomoon2"></p><p>请输入密码</p></li>
                                <li><button class="infosave">保存</button></li>
                            </ul>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
    <!-- 界面sidebar结束 -->
    <!-- 界面尾部开始 -->
    <div class="footer">
        <p>
            Made for software project------Lzr
        </p>
    </div>
    <div class="mask">
        <div class="addstuinfo">
            <div class="windowheader">
                <p>添加学生</p>
                <button class="closeup">x</button>
            </div>
            <div class="addmain">
                <ul>
                    <li><span>课程：</span>
                        <div class="addcourse_select">
                        <div class="addcourse_defaultselect">请选择课程</div>
                        <ul class="addcourseselect">
                        </ul>
                    </div></li>
                    <li><span>学号：</span><input type="text" value="请输入学号"></li>
                    <li><span>姓名：</span><input type="text" value="请输入姓名"></li>
                    <li><span>学院：</span><input type="text" readonly="readonly" value="电子与信息学院"></li>
                    <li><span>专业：</span><input type="text" readonly="readonly" value="信息工程"></li>
                    <li><span>班级：</span>
                        <div class="addclass_select">
                            <div class="addclass_defaultselect">请选择班级</div>
                            <ul class="addclassselect">
                            </ul>
                        </div></li>
                        <li><button class="add">立即添加</button></li>
                </ul>
            </div>
        </div>
    </div>
    <!-- 界面尾部结束 -->
</body>
</html>